@mixin f-icon-extend(
  $f-font-family: $farris-icon-font-family,
  $f-show-before: true
) {
  width: 1em;
  height: 1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-family: $f-font-family;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  @if ( $f-show-before) {
    &::before {
        vertical-align: baseline;
      }
  }
}
